body{font-family:Arial, Helvetica, sans-serif; font-size:9pt; background:#233865}
.left{float: left;}
.right{float:right}
.clear{clear: both;}
a{text-decoration:none; color:#b7c5dd}
a:hover{color:#fff}


/*layout*/
#wapper{width: auto; margin: auto}
#header{background:#1E335F; padding: 13px; text-align:right}
#header ul{margin:0; padding:0; color:#b7c5dd; font-weight:bold}
#header ul li{list-style:none; display:inline; margin:0 10px}
#header ul li a{color:#b7c5dd; font-weight:bold}
#header ul li a:hover{color:#fff}
#header ul li span{color: #fff;}
.logo{position:absolute; left:0; top:0}

ul.menu{margin:0; padding:0; margin-left:50px; margin-bottom:1em}
ul.menu li{list-style:circle; margin:2px 0}
ul.menu li a{font-size:10pt; color:#b7c5dd}
ul.menu li a:hover{color:#fff}
.ico{background:url(../images/ico.png) no-repeat; padding-left:20px; margin-left:13px; font-size:10pt; color:#526A99; font-weight:bold}

.menu-left{float:left; width:20%; margin-top:80px}
#content {float:left; width:80%; text-align: justify;}
#content .contenter{background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px}
#content #footer{-moz-border-radius: 2px; -webkit-border-radius: 2px; background:#DBE1EE; margin-top:0.7em}
#content #footer div{padding:10px}

/* table format */
table {border-collapse : separate; border-spacing : 0;}
caption, th, td {text-align : left; font-weight : normal;}
table, td, th {vertical-align : middle;}
table {width : 100%; border : 1px solid #ccc;} 
table table {border:0!important;}
thead tr th {font-weight : bold; background : #E1E3EC; border-bottom : 1px solid #C6C6C6; padding : 5px; font-size:10pt} 
tbody tr td {padding : 6px 5px; background : #fff; color : #111; cursor: pointer}
tbody tr.alt td {background : #eee}
tbody tr td a{color: #1E335F}
tbody tr td a:hover{color: #000;}

.title{color: #2851B1; font-size: 10pt; font-weight: bold;}
.dynamic{padding: 10px;}